<!DOCTYPE HTML>
<html>
<head>
	<title>IDXPO 2011</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="scripts/javascript.js"></script>
	
	<!--[if lt IE 7]>
	<style type="text/css">
		div.container {display:table;height:100%}
	</style>
	<![endif]-->
	
	<!--[if lte IE 8]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
</head>

<body>
	<div class="container">
		<div class="header">
		</div>
		<div class="topMenu">
			<div class="menuItems">
				<div class="leftMenuItem">
					<a href="javascript:menu('who')" class="topMenuItem">who are we?</a>
				</div>
				<div class="logo">
					<a href="javascript:menu('home')"><img src="img/idexpo_logo.png" alt="IDXPO 2011 logo" class="logo"></a>
				</div>
				<div class="rightMenuItem">
					<a href="javascript:menu('background')" class="topMenuItem">background</a>
				</div>
			</div>
		</div>
		
		<div id="who">
			WHOOOO ARE YOU?
		</div>
		
		<div id="home">
			<div class="content">
				<div class="leftContent">
					<ul class="columns"> 
						<li> 
							<a href="#"><img src="img/group_logos/1.png" alt=""/></a> 
							<div class="info"> 
								<h2>Project 1</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. 
								<br><span style="text-align: right">Visit site</span></p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/2.png" alt="" /></a> 
							<div class="info"> 
								<h2>Project 2</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/3.png" alt="" /></a> 
							<div class="info"> 
								<h2>Project 3 - <b>R.A.G.E.</b></h2> 
								<p>R.A.G.E. stands for Recoil Arcade Gun Experience. It is a classic arcade gun, with added recoil for a more complete experience.</p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/4.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 4</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/5.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 5</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/6.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 6</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/7.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 7</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/8.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 8</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li> 
						<li> 
							<a href="#"><img src="img/group_logos/9.png" alt="" /></a>
							<div class="info"> 
								<h2>Project 9</h2> 
								<p>Nostrud nostrud quidne pneum imputo, capio quis. Feugiat valetudo praemitto molior abdo. </p> 
							</div> 
						</li>
					</ul>
				</div>
				<div class="rightContent">
					<h2>EVENT INFORMATION</h2>
					<h3>When</h3>
					May 10, 13:00-17:00<br>
					May 11-14, 11:00-17:00
					<h3>Where</h3>
					<p>Nordstan (between Åhléns and Femman-huset)</p>
					<h3>What</h3>
					<p class="info">IDXPO is the name of the student exhibition ending the course Interaction Design Project at the Interaction Design master programme at Chalmers.</p>
					<p class="info">Nine projects have been put together, combining the physical world, games, and concepts into brand new experiences.</p>
					<p class="info">Touch, wear, connect, and play, on floors, walls and tables at this four day exhibition at Nordstan.</p>
					<p class="info">Welcome to experience IT in a new way.</p>
				</div>
			</div>
		</div>
		
		<div id="background">
			BACKGROUND!
		</div>
		
		<div class="push">
		</div>
	</div>
	
	<div class="footer">
		<div id="logos">
			<a href="http://www.chalmers.se" target="_blank"><img src="img/logo-chalmers.png"alt="chalmers-logo" id="chalmersLogo"/></a>
			<a href="http://www.ituniv.se" target="_blank"><img src="img/logo-itu.png" alt="itu-logo" id="ituniLogo"/></a>
			<a href="http://www2.goteborg.com/default.aspx?id=2201" target="_blank"><img src="img/logo-vetenskapsfestivalen.png" alt="itu-logo" id="vetenskapLogo"/></a>
		</div>
	</div>
	
</body>
</html>
